<script setup>
import { useCounter } from '@vueuse/core'

const { count, inc, dec, set, reset } = useCounter()
</script>

<template>
  <div>
    <p>Count: {{ count }}</p>
    <button @click="inc()">加一</button>
    <button @click="dec()">减一</button>
    <button @click="reset()">重置</button>
  </div>
</template>
<style scoped>
button {
  margin: 10px;
}
</style>
